body {
    width: 2025px;
    height: 1006px;
    margin: 0 auto;
}

.left {
    width: 375px;
    height: 1006px;
    background: pink;
    float: left;
    background: url(img-login/banner.4994397e.jpg) no-repeat;
    background-size: cover
}

$w:1650px;

.right {
    width: $w;
    height: 1006px;
    background: #ffffff;
    float: left;

    .header {
        $h: 40px;
        width: 1610px;
        height: $h;
        padding: 20px;
        background: #ffffff;
        float: left;

        .header-left {
            //头部左边
            width: 160px;
            height: $h;
            float: left;
            background: no-repeat;
            background-image: url(img-login/favicon.ico);
            background-position: left;
            background-size: contain;
            line-height: $h;

            h3 {
                padding-left: 48px;
                font-size: 26px;
                font-weight: 500;
            }
        }

        .header-right {
            //头部右边
            width: 360px;
            height: $h;
            float: right;
            line-height: $h;

            a {
                display: inline-block;
                margin: 0 10px;
                color: #838383;
                font-size: 14px;
                height: $h;
                line-height: $h;
            }

            span {
                color: #838383;
            }
        }
    }

    .container {
        width: $w;
        height: 686px;
        padding-top: 120px;
        float: left;

        // 登录账号密码
        .card {
            // display: inline-block;
            width: 450px;
            height: 600px;
            padding: 40px;
            box-sizing: border-box;
            background: #ffffff;
            margin: 20px auto 80px;
            border-radius: 4px;
            box-shadow: 5px 5px 10px #888888;
            .card-top{
                width: 360px;
                height: 41px;
                float: left;
                line-height: 41px;
                a:nth-child(1){
                    color: #333333;
                    font-weight: 700;
                    margin:20px;
                    font-size: 22px;
                    
                }
                a:nth-child(2){
                    color: #bbbbbb;
                    font-size: 22px;
                    font-weight: 700;
                }
            }

            .mi-content{
                width: 360px;
                height: 375px;
                padding: 20px 2px 0;
                float: left;
                background: #ffffff;
                .zhanghao{
                    width: 354px;
                    height: 60px;
                    float: left;
                    margin-bottom: 20px;
                    background: #f9f9f9;
                    position: relative;
                    label{
                        position: absolute;
                        left: 20px;
                        top: 20px;
                        height: 20px;
                        font-weight: 400;
                        font-size: 17px;
                        color: rgba(0,0,0,.4);
                        line-height: 20px;
                    }
                    input{
                        font-size: 17px;
                        color: #333;
                        line-height: 20px;
                        box-sizing: border-box;
                        padding: 30px 20px 10px;
                        width: 350px;
                        height: 60px;
                        background: rgba(0,0,0,0);
                        border: none;
                    }
                    
                }
                .tip-zh{
                    height: 20px;
                    float: left;
                    color: #f04645;
                    font-size: 12px;
                    line-height: 22px;
                    margin-bottom: 5px;
                    display: none;
                  }
                .mima{
                    width: 354px;
                    height: 60px;
                    float: left;
                    background: #f9f9f9;
                    position: relative;
                    margin-bottom: 20px;
                    label{
                        position: absolute;
                        left: 20px;
                        top: 20px;
                        height: 20px;
                        font-weight: 400;
                        font-size: 17px;
                        color: rgba(0,0,0,.4);
                        line-height: 20px;
                    }
                    input{
                        font-size: 17px;
                        color: #333;
                        line-height: 20px;
                        box-sizing: border-box;
                        padding: 30px 20px 10px;
                        width: 350px;
                        height: 60px;
                        background: rgba(0,0,0,0);
                        border: none;
                    }

                    
                }
                .tip-mm{
                    height: 20px;
                    float: left;
                    color: #f04645;
                    font-size: 12px;
                    line-height: 22px;
                    margin-bottom: 5px;
                    display: none;
                  }

                button{
                    text-align: center;
                    width: 100%;
                    height: 60px;
                    line-height: 60px;
                    font-size: 18px;
                    color: #ffffff;
                    background: #ff5c00;
                    opacity: 0.4;
                    border-radius: 4px;
                    border: none;   
                }
                p{
                    height: 35px;
                    line-height: 35px;
                    a:nth-child(1){
                        float: left;
                        font-size: 17px;
                        color: #ff5c00;
                    }
                    a:nth-child(2){
                        float: right;
                        font-size: 17px;
                        color: #ff5c00;
                    }
                }

            }

            .other{
                height: 90px;
                width: 364px;
                background: #ffffff;
                float: left;
                p{
                    text-align: center;
                    font-size: 17px;
                    font-weight: 400;
                    color: #aaa;
                    line-height: 40px;
                }
                .qq{
                    width: 364px;
                    height: 50px;
                    text-align: center;
                    img{
                        width: 46px;
                        height: 46px;
                        padding: 0 10px;
                    }
                }

            }
        }


    }



}